.logistics-top{
	padding: 0.9375rem;
	display: flex;
	align-items: center;
	// justify-content: space-between;
	background-color: #FFFFFF;
	margin-bottom: 0.9375rem;
	.order_logistics{
		width: 2.5rem;
		height: 2.5rem;
		margin-right: 0.6875rem;
	}
	.log-info{
		font-size: 0.875rem;
		flex: 1;
		color: #333333;
		.company-name{
			margin-bottom: 0.5625rem;
		}
	}
	.log-code{
		display: flex;
		justify-content: space-between;
		align-items: center;
		.log-code-right{
			display: flex;
			align-items: center;
			font-size: 0.625rem;
			color: #999999;
			.logistics_copy{
				width: 0.625rem;
				height: 0.625rem;
				margin-right: 0.375rem;
			}
		}
	}
}
.log-list{
	padding: 0.9375rem;
	background-color: #FFFFFF;
	.log-list-item{
		position: relative;
		    padding:0.9375rem 0 0 0.9375rem;
		    line-height: 1.375rem;
		    // border-left: 0.125rem solid #eee;
		    color: #999;
			display: flex;
			flex-direction: column;
			.icon{
				    position: absolute;
				    left: -0.375rem;
				    top: 1.25rem;
				    // width: 0.75rem;
				    // height: 0.75rem;
					width: 0.5rem;
						height: 0.5rem;
						background-color: #eeeeee;
						border-radius: 50%;
			}
			.active-text{
				color: #333333;
			}
			.active-icon{
				z-index: 2;
				width: 0.75rem;
				height: 0.75rem;
				left: -0.5rem;
				background: url(../../../../../images/cart/icon_order_logistics_node_light.png) no-repeat center;
				background-size: 100% 100%;
			}
			.line{
				position: absolute;
				width: 0.125rem;
				height:0.9375rem;
				background-color: #EEEEEE;
				left: -0.1875rem;
				top: 1.125rem;
			}
			.text{
				font-size: 0.875rem;
			}
	}
	.log-list-item:first-of-type{
		padding-top: 0;
		border-left-color: #fff;
		.icon{
			top: 0.25rem;
		}
	}
}